.data-market {
    display: flex;
    flex-direction: column;
    margin-left: 40px;
    margin-right: 20px;
    margin-bottom: 0px;
    
    .top-menu {
       display: flex;
       h1{
         margin-top: 16px;
         flex: auto;
       }
       .search-bar {
           display: flex;
           align-items: center;
           margin-top: 14px;
           padding: 8px 0px;
           .ant-btn, .ant-select, .ant-input-search {
            margin-right: 16px; 
          }
          .ant-btn:last-child, .ant-input-search:last-child {
            margin-right: 0; 
          }
        }
    }
    .category-menu {
      flex: 1;
      display: flex;
      margin-bottom: auto;
      margin-top: 16px;

      .yingyong-tagbutton{
        margin-right: 20px;
        font-size: 16px;
        padding: 8px 16px;
        border-radius: 0px;
  
        &:hover {
          background-color: #f0f0f0;
        }
  
        &.ant-btn-primary {
          background-color: #3875f6;
          color: #fff;
          border: none;
  
          &:hover {
            background-color: #3875f6;
            color: #fff;
          }
        }
      }
    }
  
    .search-bar {
      display: flex;
      align-items: center;
      margin-top: 10px;
      font-size: 16px;
    }
    .start-chat-button {
      background-color: #3867ea;
      color: #fff;
      border: none;
      font-size: 16px;
      padding: 7px 20px;
      border-radius: 8px;
  
      &:hover {
        background-color: #3857ea;
        color: #fff;
      }
    }
  }